<template>
  <div id="d-personalCenter">
    <div>
      <infor-card></infor-card>
      <tabbar :TabArray="TabArray"></tabbar>
    </div>
    <main-nav></main-nav>
  </div>
</template>
<script>
import inforCard from "@/components/designer/personalCenter/inforCard";
import tabbar from "@/components/designer/personalCenter/tabbar";
import mainNav from "@/components/designer/mainNav";
import { mapMutations } from "vuex";
export default {
  components: {
    inforCard,
    tabbar,
    mainNav
  },
  data(){
    return{
      TabArray: {
        taborders: [
          {
            tabFont: "联系客服",
            link: "/advisory",
            params: "联系客服"
          }
        ],
        tabnews: [
          {
            tabFont: "申请入驻为表现师",
            link: "/designer/applyForPerformance",
            params: "申请入驻为表现师"
          }
        ],
        tabInvite: [
          {
            tabFont: "邀请好友",
            link: "/designer/invite",
            params: "邀请好友"
          }
        ],
        tabInteractive: [
          {
            tabFont: "申请纸质发票",
            link: "/designer/applyInvoices",
            params: "申请纸质发票"
          }
        ],
        tabSuggest: [
          {
            tabFont: "建议反馈",
            link: "/designer/suggestFeegback",
            params: "建议反馈"
          }
        ]
      }
    }
  },
  created() {
    // TODO 模拟支付
    // this.bankList('834532c343a911e9855d6045cb8a6182')
    this.setTabIndex(3)
  },
  methods: {
    ...mapMutations(["setTabIndex"])
  }
};
</script>
<style lang="scss" scoped>
</style>